<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title></title>
	<link href="css/style.css" rel="stylesheet" type="text/css"/>
	<link href="css/admin-style.css" rel="stylesheet" type="text/css"/>
	<link href="css/date-picker.css" rel="stylesheet" type="text/css"/>
	<link href="css/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css"/>
	<script type="text/javascript" src="scripts/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="scripts/jquery-ui-1.10.2.min.js"></script>
	<script type="text/javascript" src="scripts/jquery-colors-min.js"></script>
	<script type="text/javascript" src="scripts/date.js"></script>
	<script type="text/javascript" src="scripts/jquery.date-picker.js"></script>
	<script type="text/javascript" src="scripts/jquery.mCustomScrollbar.concat.min.js"></script>
	<script type="text/javascript" src="scripts/effect.js"></script>
</head>
<body>
<div class="page">
	<div class="nav">
		<ul class="nav-list">
			<li class="nav-item"><a href="#">Navigate 1</a></li>
			<li class="nav-item"><a href="#">Navigate 2</a></li>
			<li class="nav-item"><a href="#">Navigate 3</a></li>
			<li class="nav-item"><a href="#">Navigate 4</a></li>
			<li class="nav-item"><a href="#">Navigate 5</a></li>
		</ul>
	</div>

	<div class="form-head">
		<span>Learning-English</span><span class="form-head-gray">Profile</span>

		<div class="form-head-task">
			<div class="form-head-account">
				<div class="form-head-account-wrapper">
					<div class="form-head-profile">
						<span>Username</span>
						<span class="menu-popup-avt" style="background-image:url('images/resource/avt0.jpg')"></span>
					</div>
					<div class="form-head-logout"><a>Profile</a><a>Logout</a></div>
				</div>
			</div>
			<div class="form-head-search">
				<div class="form-head-search-mask">
					<input class="search-text" type="text" placeholder="Nhập nội dung tìm kiếm" value=""/>

					<div class="search-button"></div>
				</div>
			</div>

		</div>
	</div>
	<div class="form">
		<div class="admin-panel">
			<div class="profile-head">Control panel</div>
			<div class="admin-panel-content">

				<div class="admin-title">Video name</div>

				<table class="admin-table gap">
					<tbody>
					<tr class="admin-table-row">
						<td class="admin-table-cell">2:00→2:30</td>
						<td class="admin-table-cell-full">
						<span class="table-long-text">
						Nam cursus. Morbi ut mi. Nullam enim leo,
							<input type="text" class="admin-answer" value="mauris" readonly="readonly"/>
							egestas id, condimentum at, laoreet mattis, massa.
						Duis tincidunt lectus quis dui viverra vestibulum.
						</span>
						</td>
					</tr>
					<tr class="admin-table-row">
						<td class="admin-table-cell">2:30→3:10</td>
						<td class="admin-table-cell-full">
						<span class="table-long-text">
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
							<input type="text" class="admin-answer" value="nonummy" readonly="readonly"/>
						Sed eleifend nonummy diam. Praesent mauris ante, elementum et.
						</span>
						</td>
					</tr>
					<tr class="admin-table-row">
						<td class="admin-table-cell">3:10→3:20</td>
						<td class="admin-table-cell-full">
						<span class="table-long-text">
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
						Nam cursus. Morbi ut mi. Nullam enim leo, egestas id, condimentum at, laoreet mattis, massa.
						Sed eleifend nonummy diam. Praesent mauris ante,
							<input type="text" class="admin-answer" value="egestas" readonly="readonly"/>
							elementum et, bibendum at, posuere sit amet, nibh.
						Duis tincidunt lectus quis dui viverra vestibulum.
						</span>
						</td>
					</tr>
					<tr class="admin-table-row">
						<td class="admin-table-cell">3:20→4:40</td>
						<td class="admin-table-cell-full">
						<span class="table-long-text">
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
						Nam cursus. Morbi ut mi. Nullam enim leo, egestas id,
							<input type="text" class="admin-answer" value="posuere" readonly="readonly"/>
							condimentum at, laoreet mattis, massa.
						Sed eleifend nonummy diam. Praesent mauris ante, elementum et, bibendum at, posuere sit amet, nibh.
						Duis tincidunt lectus quis dui viverra vestibulum.
						</span>
						</td>
					</tr>
					</tbody>
				</table>
				<div class="table-row gap">
					<input class="admin-button edit" type="button" value="Edit"/>
					<input class="admin-button delete" type="button" value="Delete"/>
				</div>
			</div>

		</div>
		<div class="admin-footer"></div>
	</div>
</div>
</body>
</html>